<div class="container">
  <div class="no_search" *ngIf="rollIndex.joinIsNull&&!rollIndex.isLoading">
    <img src="/assets/img/image/no_search.png" alt="" width="80" height="99">
    <p style="font-size: 14px;color: #999999;margin-top: 20px">请首先在上方“搜索班级”，再选择班级加入~</p>
  </div>
      <div class="content" *ngIf="!rollIndex.isLoading">
        <div *ngIf="!rollIndex.joinIsNull">
          <div class="roll clearfix"  *ngFor="let roll of rollIndex.totalJoinRolls;let i =index;" (click)="goClass(roll.PK_ClassGuid)">
              <div class="cover f_l"  [style.background-image]="'url('+readImgUrl+roll.CoverUrl+')'"></div>
              <div class="roll_info f_r">
                 <div class="roll_name big_title">{{roll.ClassName}}</div>
                  <div class="roll_creator mid_title">{{roll.Creator}}</div>
                  <p class="create_time little_title">创建：{{roll.CreateTime.slice(0,10)}}</p>
                  <p class="end_time little_title">过期：{{roll.EndTime}}</p>
                 <div class="people_num">
                   <img src="../../../assets/img/image/renshu.png" alt="" class="people_logo" width="32" height="20" >
                   <span class="mid_title"> {{roll.Number}}人</span>
                 </div>
              </div>
          </div>
        </div>
      </div>
    <div class="loading" *ngIf="rollIndex.isLoading"><img src="/assets/img/image/loading-white.gif" alt=""></div>

</div>
